<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/css.css"/>
</head>
<body>
    <div class="wrap" id="wrap">
        <div class="slide" id="slide">
            <ul>
                <li><a href="#"><img src="img/slidepic1.jpg" alt=""/></a></li>
                <li><a href="#"><img src="img/slidepic2.jpg" alt=""/></a></li>
                <li><a href="#"><img src="img/slidepic3.jpg" alt=""/></a></li>
                <li><a href="#"><img src="img/slidepic4.jpg" alt=""/></a></li>
                <li><a href="#"><img src="img/slidepic5.jpg" alt=""/></a></li>
            </ul>
            <div class="arrow" id="arrow">
                <a href="javascript:;" class="prev" id="prev"></a>
                <a href="javascript:void(0);" class="next" id="next"></a>
            </div>
        </div>
     </div>
     <script>
         window.onload = function (){
             var json = [
                {   //  1
                    "width":400,
                    "top":20,
                    "left":50,
                    "opacity":20,
                    "zIndex":2
                },
                {  // 2
                    "width":600,
                    "top":70,
                    "left":0,
                    "opacity":80,
                    "zIndex":3
                },
                {   // 3
                    "width":800,
                    "top":100,
                    "left":200,
                    "opacity":100,
                    "zIndex":4
                },
                {  // 4
                    "width":600,
                    "top":70,
                    "left":600,
                    "opacity":80,
                    "zIndex":3
                },
                {   //5
                    "width":400,
                    "top":20,
                    "left":750,
                    "opacity":20,
                    "zIndex":2
                }
            ]

        }   
     </script>
</body>
</html>